<template>
    <div>
        <h1 v-text="msg" ref="title"></h1>
        <button @click="showDOM">点我</button>
        <School ref="sch"></School>
    </div>
</template>

<script>
// 引入组件
import School from "./components/School.vue";

export default {
    name: "App",
    components: {
        School,
    },
    data(){
      return{
          msg:"欢迎学习vue",
      }
    },
    methods:{
        showDOM(){
            console.log("@@@@@@@@@@@")
            console.log(this.$refs)
            console.log(this.$refs.title)
        }
    },

}
</script>

<style scoped>

</style>